﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>知乎 -话题精华</title>
    <link rel="stylesheet" href="css/page-login.css" />
</head>
<body>
    <div id="login" style="width: 100%; height: 2500px; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 100; display: none;">
        <div style="border: 1px solid #CBCBCB; width: 280px; height: 300px; margin: 150px auto; text-align: center; box-shadow: #CBCBCB 5px 5px">
            <p id="p_close" style="font-size: 8px; float: right; margin-right: 8px; cursor: pointer;">关闭</p>
            <h4>登录知乎</h4>
            <p>与世界分享你的知识、经验和见解</p>
            <form name="user" method="post" action="login.php">
                <input id="name" name="name" style="width: 277px; height: 30px;" type="text" placeholder="账号" />
                <input id="psd" name="psd" style="width: 277px; height: 30px;" type="password" placeholder="密码" />
                <input id="btn" style="width: 270px; height: 34px; background: #0070CD; color: #fff; margin-top: 20px;" type="submit" value="登录" />
            </form>
        </div>
    </div>
    <div id="download" style="width: 100%; height: 2500px; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 100; display: none;">
        <div style="border: 1px solid #CBCBCB; width: 280px; height: 300px; margin: 150px auto; text-align: center; box-shadow: #CBCBCB 5px 5px">
            <p id="app_close" style="font-size: 8px; float: right; margin-right: 8px; cursor: pointer;">关闭</p>
            <h4>扫描二维码下载知乎App</h4>
            <img src="img/download.png" />
        </div>
    </div>
    <div id="join_div" style="width: 100%; height: 2500px; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 100; display: none;">
        <div style="border: 1px solid #CBCBCB; width: 280px; height: 300px; margin: 150px auto; text-align: center; box-shadow: #CBCBCB 5px 5px">
            <p id="join_close" style="font-size: 8px; float: right; margin-right: 8px; cursor: pointer;">关闭</p>
            <h4>注册知乎</h4>
            <p>与世界分享你的知识、经验和见解</p>
            <form name="user" method="post" action="page.php">
                <input id="registername" name="username" style="width: 277px; height: 30px;" type="text" placeholder="姓名" />
                <input id="registerphone" name="phone" style="width: 277px; height: 30px;" type="text" placeholder="手机号（仅支持中国大陆）" />
                <input id="registerpsd" name="psd" style="width: 277px; height: 30px;" type="password" placeholder="密码（不少于6位）" />
                <input id="registerpsd2" style="width: 277px; height: 30px;" type="password" placeholder="确认密码" />
                <input id="register" style="width: 270px; height: 34px; background: #0070CD; color: #fff; margin-top: 20px;" type="submit" value="注册" />
            </form>
        </div>
    </div>

    <div>

        <div id="ttop" class="top">
            <a href="https://www.zhihu.com/">知乎</a>
            <input type="text" placeholder="搜索你感兴趣的内容..." />
            <input type="submit" value="搜索" style="background: #0E79EB; width: 40px; height: 30px; color: #fff; margin-top: 2px; margin-left: 330px; cursor: pointer;" />
            <ul>
                <li class="li_top">首页</li>
                <li class="li_top">话题</li>
                <li class="li_top">发现</li>
                <li id="set_problem" class="li1">提问</li>
                <li id="join" class="li_top" style="margin-left: 55px;">注册知乎</li>
                <li id="go" class="li_top" style="margin-left: 140px; margin-top: -18px;">登录</li>
            </ul>
        </div>

        <div class="middle">

            <div class="middle_a">
                <img width="50px" height="50px" src="img/zhi.jpg" />
                <div class="middle_b">
                    <h3>知乎</h3>
                    <a class="middle_link" href="#">动态  |</a>
                    <a class="middle_essence" href="#">精华  </a>
                    <a class="middle_link" href="#">|  等待回答</a>
                    <a id="share_button" class="middle_share" href="#">分享</a>
                    <div id="share" class="share_div">
                        <p><a href="http://service.weibo.com/share/share.php?appkey=3063806388&title=%E7%9F%A5%E4%B9%8E%E8%AF%9D%E9%A2%98+%C2%B7+%E3%80%8C%E7%9F%A5%E4%B9%8E%E3%80%8D%EF%BC%88%E5%88%86%E4%BA%AB%E8%87%AA+%40%E7%9F%A5%E4%B9%8E+%EF%BC%89http%3A%2F%2Fwww.zhihu.com%2Ftopic%2F19550228#_loginLayer_1478567090394" target="_blank">新浪微博</a></p>
                        <hr />
                        <p>微信扫一扫</p>
                        <img style="width: 90px; height: 90px; margin-top: -5px;" src="img/qrcode.png" />
                    </div>
                </div>
                <hr />
            </div>
            <div>
                <div class="content">
                    <a class="content_top" href="#">知乎上关于美食的精彩问答有哪些？</a>
                    <div class="content_int">
                        28k
                    </div>
                    <a class="content_name" href="#">pe wu</a>
                    <p style="font-size: 14px;">. 一、吃什么？有哪些东西直接用清水煮一下，或者蘸点调料就特别好吃的？ 最好吃的方便面（包括煮面），是哪个牌子的哪种口味？哪些东西吃了之后，会让人幸福感提升而感觉相见恨晚？有哪些看上去让人没食欲实际上非常好吃的东西？市面上的下饭菜罐头酱菜腌… </p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">400 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">知乎在各个领域有哪些值得关注的用户？</a>
                    <div class="content_int">
                        22k
                    </div>
                    <a class="content_name" href="#">知乎用户</a>
                    <p style="font-size: 14px;">
                        分享下我整理的名单，因本人水平有限，以下仅仅作为参考，是否值得您关注，看个人喜好吧。 更新历史 2014年11月24日，感谢 @刘文龙知友的推荐。补充了【农业&土壤】【水利】【环境保护】的推荐名单。2014年11月21日，非常感谢 @赵守卿知友的推荐，更新了【…
                    </p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">577 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">知乎上极力推崇读书的人为什么不把上知乎的时间都用来读书？</a>
                    <div class="content_int">
                        21k
                    </div>
                    <a class="content_name" href="#">曹洋</a>
                    <p style="font-size: 14px;">是时候上这张图了： 学习金字塔 最有效的学习方式－－学习金字塔 美国学术界在1946年一项研究显示了不同学习方式的效益，准确的说，是学习者在两周以后还能记住内容（平均学习保持率）的多少。 上图是当时美国教育学家埃德加 · 戴尔（Engar Dale）研究出的… </p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">611 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">玩了知乎以后你最大的感触是什么？</a>
                    <div class="content_int">
                        18k
                    </div>
                    <a class="content_name" href="#">Veri</a>
                    <p style="font-size: 14px;">这里，对一个62岁的老人来说，真的是个幼儿园啊！ 很多人生阶段的问题，本来应该是父母坐着一起谈心解决，本来应该是师长喝茶时交流解决。但，全部搬运到这里来咨询了。 什么该读什么书？这难道不是应该去问课程老师的问题吗？ 什么怎么去规划职业，这不是…</p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">1344 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">如果知乎大牛一起开公司，规模能做到多大？</a>
                    <div class="content_int">
                        17k
                    </div>
                    <a class="content_name" href="#">令狐富贵</a>
                    <p style="font-size: 14px;">客户：“为什么你们的咨询公司做的这么烂啊？ 咨询公司：“先问是不是，再问为什么” 客户：“是不是你们这公司什么问题都解决不了？” 咨询公司：“世界上所有的问题，都可以用跳脱的想象力配合超凡的行动力来解决” 客户：“那你说我的问题到底怎么解决？…</p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">515 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">典型的知乎体是一种怎样的文体？</a>
                    <div class="content_int">
                        14k
                    </div>
                    <a class="content_name" href="#">锅巴</a>
                    <p style="font-size: 14px;">1、 先说一个故事吧 XX自幼XX，母亲/父亲/兄弟姐妹XXX， XX靠着XXX，经历了怎样的XXXxN， 目前工资XXX、房产XXX、在XXX工作，说这些只想证明现在XXX，而不是XXX 没错，故事里那个XX就是我， 你以为一切就这样了么？其实事情并没有想象的那么美好 那之后没多…</p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">719 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div style="width: 400px; height: 170px; border-bottom: 1px solid #D9D9D9; margin: 0 0 0 100px;">
                    <a class="content_top" href="#">如果动物们也上知乎，问答会是什么样的？</a>
                    <div class="content_int">
                        14k
                    </div>
                    <a class="content_name" href="#">上古天真</a>
                    <img style="width: 120px;" src="img/animal.png" />
                    <p style="font-size: 14px; margin-top: -80px; width: 315px; margin-left: 140px;">这么萌的回答你们都举报(;´༎ຶД༎ຶ`) 喜闻乐见的部分已被和谐(;´༎ຶД༎ຶ`) 蛤蛤，谢谢大家喜欢，新年快乐啊。呱。 --------------------- 问题1：想去广东发展，可行吗？ 问题描述：听哥们说，广东的经济很好，发展机遇多，想…</p>
                    <a style="font-size: 14px; color: #2255B2; display: block; margin: -30px 0 10px 340px;" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">501条评论</a>
                    <a class="content_other" href="#">• 作者保留权利</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">如何引导初二的妹妹上知乎？</a>
                    <div class="content_int">
                        14k
                    </div>
                    <a class="content_name" href="#">爱吃土豆的小马</a>
                    <p style="font-size: 14px;">你在苦恼引导你妹上知乎对不对，而我在苦恼怎么能让我妹少上知乎。她9月份开学初二，当我发现的时候，她已经上知乎一年半了，我表示震惊！ 我反对的理由，是因为我发现，她不再像过去一样宽容，她越来越不懂怎么生活，她开始习惯吐槽别人，她现在总会说“知…</p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">849 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div class="content">
                    <a class="content_top" href="#">知乎可以弥补家庭贫富造成的一个人跟他人在眼界上的差距吗？</a>
                    <div class="content_int">
                        13k
                    </div>
                    <a class="content_name" href="#">ven voy</a>
                    <p style="font-size: 14px;">这个题已经有好多答案啦，我就来添个足而已。 昨天刚和一个好多年没见的好朋友约吃了饭，她给我略讲了下她正在做的事。忽然觉得跟这个题目还挺符合。既然楼上珠玉已出，我就记到哪里写到哪里了。 她现在的方向是传播学的一个很偏门的分支（其实传播在国内就… </p>
                    <a class="content_all" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">648 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>
                <div style="width: 420px; height: 160px; border-bottom: 1px solid #D9D9D9; margin: 0 0 10px 100px;">
                    <a class="content_top" href="#">你在知乎收藏过的最好的答案是什么？</a>
                    <div class="content_int">
                        11k
                    </div>
                    <a style="display: block; margin: -10px 0 0 50px; font-size: 12px" href="#">沈非欢</a>
                    <p style="font-size: 14px;">有没有人像我这么诚恳~ 全部贡献出去(ง •̀_•́)ง我就是这么无私~（如果你喜欢请点赞，这个是我前进的动力，可怜我的赞1k＋，而收藏我的却有6k＋，感觉这个世界深深的恶意QAQ） 分享我的 @知乎 收藏夹：内涵 http://www.zhihu.com/collection/40258902 QAQ 更改…</p>
                    <a style="font-size: 14px; color: #2255B2; display: block; margin: -30px 0 10px 280px;" href="#">显示全部</a>
                    <a class="content_other" href="#">+关注问题</a>
                    <a class="content_other" href="#">188 条评论</a>
                    <a class="content_other" href="#">• 申请转载</a>
                </div>



            </div>
        </div>
        <!--open-->
        <div class="side_login">
            <div class="side_login_in">
                <h3>加入知乎</h3>
                <p class="side_login_ptop">与世界分享你的知识、经验和见解</p>
                <form method="post" name="users" action="page.php">
                    <input id="page_name" name="username" placeholder="姓名" class="side_login_input" />
                    <input id="page_number" name="phone" placeholder="手机号（仅支持中国大陆）" class="side_login_input" />
                    <input id="page_psd" name="psd" type="password" placeholder="密码（不少于6位）" class="side_login_input" />
                    <input id="page_psd2"  type="password" placeholder="确认密码" class="side_login_input" />
                    <input id="page_yzm" placeholder="验证码" class="side_login_input" />
                    <img id="pic" class="side_img" src="img/0.gif" alt="验证码" />
                    <input id="page_button" class="side_zhuce" type="submit" value="注册" />
                </form>
                <p style="display: inline-block;">已有账号?</p>
                <a style="cursor: pointer;" id="a_login">登录</a>
            </div>

            <div class="side_download">
                <input id="download_app" type="button" value="下载知乎App" />
            </div>
            <!--end-->
            <div class="Side_nologin">
                <div class="side_top">
                    <input id="follow" class="side_follow" value="关注话题" type="submit" />
                    <p id="member" class="side_followp">217683 人关注了该话题</p>
                </div>
                <div style="height: 800px;">
                    <div class="side_in">
                        <h5>描述</h5>
                        <p style="font-size: 14px;">一个社会化问答网络社区，帮助用户寻找答案、分享知识。</p>
                        <h5>父话题</h5>
                        <a class="side_inp" href="#">社交问答网站</a>
                        <a class="side_inp" href="#">中国问答网站</a>
                    </div>
                    <div style="height: 160px; border-top: 1px solid #D9D9D9;">
                        <h5>子话题</h5>
                        <a class="side_bottom" href="#">知乎Live</a>
                        <a class="side_bottom" href="#">知乎社区</a>
                        <a class="side_bottom" href="#">知乎产品</a><br />
                        <a class="side_bottom" href="#">职人介绍所</a>
                        <a class="side_bottom" href="#">知乎团队</a>
                        <a class="side_bottom" href="#">知乎活动</a><br />
                        <a class="side_bottom" href="#">知乎吉祥物</a>
                        <a class="side_bottom" href="#">知乎答案总结</a><br />
                        <a class="side_bottom" href="#">北京智者天下科技有限公司</a>
                        <a class="side_bottom" href="#">知乎盈利</a>
                    </div>
                    <div class="side_ul">
                        <h5>话题动态</h5>
                        <ul style="font-size: 12px;">
                            <li class="side_lis">
                                <a href="#">你对现在试运行的知乎 Live 有哪些建议？</a>
                                <p class="content_other">167 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">知乎的网页版应用感这么好为什么手机客户端这么差？</a>
                                <p class="content_other">4 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">你经常（或很少）使用知乎的反对按钮吗？为什么？</a>
                                <p class="content_other">8 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">知乎上有哪些有趣的戏服党？</a>
                                <p class="content_other">7 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">知乎专栏点反对有什么实质性意义？</a>
                                <p class="content_other">18 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">你最欣赏的知乎用户是谁？为什么欣赏？</a>
                                <p class="content_other">535 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">如何评价知乎更新的“按质量排序”？</a>
                                <p class="content_other">6 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">如何评价林夕的约定?</a>
                                <p class="content_other">23 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">知乎对你的生活有什么影响或改变？</a>
                                <p class="content_other">6 个回答</p>
                            </li>
                            <li class="side_lis">
                                <a href="#">知乎有哪些令人细思极恐的地方？</a>
                                <p class="content_other">156 个回答</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="page_no">
            <p><a href="#">上一页</a> <strong>1 </strong>2 3 ... 50 <a href="#">下一页</a></p>
            <hr />
            <ul>
                <li class="li_bottom" style="margin-left: -16px; margin-right: 160px; list-style: none">© 2016 知乎</li>
                <li class="li_bottom" style="list-style: none">刘看山</li>
                <li class="li_bottom">移动应用</li>
                <li class="li_bottom">加入知乎</li>
                <li class="li_bottom">知乎协议</li>
                <li class="li_bottom">联系我们</li>
            </ul>
        </div>

    </div>
    <div id='return_top' style="display: none; width: 20px; height: 58px; border: 1px solid #CBCBCB; position: fixed; left: 660px; top: 530px; text-align: center; font-size: 12px; background: #DDDDDD;">
        <a href="#ttop">回<br />
            到<br />
            顶<br />
            部</a>
    </div>
</body>
</html>
<script src="js/page-no login.js">

</script>

